
<ion-content class="has-header has-footer" id="content">
    <!--下拉刷新-->
    <!--Drop-down refresh-->
    <ion-refresher on-refresh="refresh()" pulling-text="加载中请稍后..." refreshing-text="加载成功"></ion-refresher>
    <!--轮播-->
    <!--<ion-slide-box auto-play="true" does-continue="true" slide-interval="3000" ng-if="banners" id="slide_bx">-->
        <!--<ion-slide ng-repeat="banners in banners track by $index" data-index="$index">-->
            <!--<img ng-src={{banners.filepath}} class="d1" alt="" ng-click="live($event)" data-href="{{banners.url}}" />-->
        <!--</ion-slide>-->
    <!--</ion-slide-box>-->
    <div id="Carousel">
        <ul class="hiSlider hiSlider3">
        </ul>
    </div>
    <div class="xx_tz" ng-if="display==1" ng-click="jump('news')">
        <img src="img/xx.png" alt="">
        <span>{{display_data>99?"99+":display_data}}</span>
    </div>
    <!--导航-->
    <!--nav is child -->
    <div class="row nav">
        <!--<div class="col-25" ng-click="jump('detailed')" style="display:none;">-->
            <!--<img ng-src="homapageimg/icon_04.png" alt="">-->
            <!--<p>友牧商城</p>-->
        <!--</div>-->
        <div class="col-25" ng-click="jump('listranch')">
            <img ng-src="myimg/onepush.gif" alt="">
            <p>共享牧场</p>
        </div>
        <div class="col-25" ng-click="jump('activity')">
            <img ng-src="homapageimg/icon_02.gif" alt="">
            <p>最新活动</p>
        </div>
        <div class="col-25" ng-click="myranchS()">
            <img ng-src="myimg/ranch.gif" alt="">
            <p>我的牧场</p>
        </div>
        <!--ng-click="jump('edit')"-->
        <div class="col-25" ng-click="playdian()">
            <img ng-src="homapageimg/zqyj.png" alt="">
            <p>推荐有礼</p>
        </div>
    </div>
    <style>
        .comms span:nth-child(1){
            margin-left: 25px;
        }
        .comms:before{
            position: absolute;
            content: "";
            display: inline-block;
            width: 20px;
            height:22px;
            background: url("http://wx.umubao.com/ymb/img/sheep.png") no-repeat;
            background-size: cover;
        }

    </style>
    <div class="horn announcement" id="announcement" style="height: 41.38px;overflow: hidden">
        <div> <img ng-src="myimg/horn.png" alt=""></div>
        <ul style="">
            <li>
                恭喜，您已进入智慧畜牧业时代！
            </li>
            <li>
                您是我们在找的牧场主吗？
            </li>
            <li>
                新疆草原牛羊等您来认养！
            </li>
            <li>
                打造健康生态农牧产业链！
            </li>
        </ul>
    </div>
    <!--//中间-->
    <div class="financial" ng-repeat="investProducts in investProducts track by $index">
        <div class="financial_hander comms">
            <span>{{investProducts.name}}</span>
            <span class="financial_periods">{{investProducts.type}}{{investProducts.code}}期</span>
        </div>
        <div class="titmer_financial_up" ng-if="investProducts.invest_type==0&&investProducts.sy_state==1&&investProducts.lave_amount>=20" style="width: 68px;">
            <div>
                抢购
            </div>
        </div>
        <div class="titmer_financial_up titmer_financial" ng-if="investProducts.invest_type==0&&investProducts.sy_state==1&&investProducts.lave_amount<20" style="width: 68px;">
            <div>
                HOT
            </div>
        </div>
        <div class="titmer_financial_newperson" ng-if="investProducts.invest_type==1&&investProducts.sy_state==1" >
            <div>
                <img src="homapageimg/newperson.png" alt="">
                <span>新手专享</span>
            </div>
        </div>
        <div class="titmer_financial_up" ng-if="investProducts.sy_state==2&&investProducts.lave_amount!=0" style="background-color: #A4A4A4">
		    <div>
		        收益中
		    </div>
		</div>
		<div class="titmer_financial_up" ng-if="investProducts.sy_state==3&&investProducts.lave_amount!=0" style="background-color: #A4A4A4">
		    <div>
		        已收益
		    </div>
		</div>
		<div class="titmer_financial_up" ng-if="investProducts.lave_amount==0" style="background-color: #A4A4A4">
		    <div>
		        已售馨
		    </div>
		</div>
        <div class="financial_content">
            <ul>
                <li>
                    <div class="number_w">{{investProducts.return_rate}}<span class="number_c">%</span></div>
                    <div class="number_p">往期年化</div>
                </li>
                <li>
                    <div class="number_w">{{investProducts.price}}<span class="number_c">元</span></div>
                    <div class="number_p">认养单价</div>
                </li>
                <li>
                    <div class="number_w">{{investProducts.time_limit}}<span class="number_c">{{investProducts.time_type==1?"个月":"天"}}</span></div>
                    <div class="number_p">认养周期</div>
                </li>
            </ul>
        </div>
        <div class="financial_footer">
            <ul>
                <li>
                    <img ng-src="increase/coordinate.png" alt="">
                    <span style="top:-3px !important;">{{investProducts.sub_title}}</span>
                </li>
                <!--<li>-->
                    <!--<img ng-src="increase/home.png" alt="" style="width: 22px;">-->
                    <!--<span>资金由新浪支付托管</span>-->
                <!--</li>-->
            </ul>
        </div>
        <div class="pos_up" ng-click="detaShare($event)" data-inter="{{investProducts.id}}"></div>
    </div>
    <div class="to_wp_user">
        <ul class="mi_ul">
            <li ng-click="jump('introduceup')">
                <img src="img/home_push3.png" alt="">
                <span>平台介绍</span>
            </li>
            <li ng-click="jump('guidance')">
                <img src="img/home_push2.png" alt="">
                <span>新手指导</span>
            </li>
            <li ng-click="jump('guarantee')">
                <img src="img/home_push4.png" alt="">
                <span>安全保障</span>
            </li>
            <li ng-click="jump('problem')">
                <img src="img/home_push1.png" alt="">
                <span>常见问题</span>
            </li>
        </ul>
    </div>

    <!--//底部-->
    <div class="footer_col" style="font-size: 12px;">
        <div>
            <span>遇到问题? 您可以随时联系客服</span>
            <a href="tel:027-59766808" style="color:#a5a5a5">400-1368-801</a>
        </div>
        <div>
            <span>服务时间：工作日 9：00 - 18：00</span>
        </div>
    </div>
    <div style="height: 20px;">
    </div>
</ion-content>
